/* pages/task/task.wxss */
page {
  background-color: #f5f5f5;
}

.navs {
  display: flex;
  height: 180rpx;
  border-top: 1rpx solid #eee;
  line-height: 180rpx;
  background-color: #fff;
}

.navs text {
  width: 150rpx;
  text-align: center;
  color: #333;
}

.navs .active {
  position: relative;
  top: 2rpx;
  color: #f5a11c;
  font-size: 38rpx;
}

.navs .active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 36rpx;
  transform: translate(-50%);
  width: 45rpx;
  height: 5rpx;
  border-radius: 2rpx;
  background-color: #f5a11c;
}

.img {
  width: 600rpx;
  height: 360rpx;
  margin: auto;
  margin-top: 300rpx;
}

.img image {
  width: 100%;
  height: 100%;
}

.questContent {
  margin: 0 auto;
  margin-top: 30rpx;
  padding: 20rpx;
  box-sizing: border-box;
  width: 690rpx;
  height: 432rpx;
  background: #ffffff;
  border-radius: 20rpx;
}

.questContent-num {
  width: 568rpx;
  height: 44rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 32rpx;
  color: #2A2929;
  letter-spacing: 0.36rpx;
}

.questContent-content {
  margin: 45rpx 0;
  border-bottom: 1px solid rgb(211, 211, 211);
}
.questContent-date  {
  display: flex;
  justify-content: space-between;
}
.questContent-date-box {
  color: #818181ff;
 font-size: 28rpx;
}
.my-custom {
  width: 180rpx;
}
.mainBox {
  display: flex;
  justify-content: space-between;
}

.questContent-con-since {
  width: 44rpx;
  height: 44rpx;
  background: #2A2929;
  border-radius: 22rpx;

  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 24rpx;
  color: #FFFFFF;
  letter-spacing: 0.28rpx;
  text-align: center;
  line-height: 44rpx;
}

.con-since {
  background-color: #EF4F3F;
}

.questContent-con-null {
  width: 1rpx;
  height: 20rpx;
}

.questContent-con-line {
  color: #dddddd;
  margin: 0 0 0 14rpx;
  padding: 5rpx 0;
}

.questContent-con-text {
  width: 550rpx;
  height: 80rpx;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 28rpx;
  color: #818181;
  letter-spacing: 0.32rpx;
}
